//声明变量
let userName = '';
let userPwd = '';
let userPwdRep = '';
let vc = '';

//用户名添加change事件
$('[name="userName"]').on('input', function () {
  userName = $(this).val()
  setUserName()
})

//向服务器发送数据 , 获取响应信息 , 并且判断
async function setUserName() {
  //调用ajax判断userName
  const res = await myPromiseJQueryAjax('../server/goods_select.php', 'post', { userName: userName }, 'json')

  //判断 , 写入nameSpan相应的数据
  if (res.code === 1) {
    $('[name="nameSpan"]').html(res.msg)
  } else if (res.code === 0) {
    $('[name="nameSpan"]').html(res.msg)
  }

  //如果用户名是空 , 删除nameSpan中的内容
  if (userName === '') {
    $('[name="nameSpan"]').html('')
  }

}

//点击密码框清空spanPwd的内容
$('[name="userPwd"]').click(function () {
  $('[name="spanPwd"]').html('')
})

//点击确认密码框清空spanPwdRep的内容
$('[name="userPwdRep"]').click(function () {
  $('[name="spanPwdRep"]').html('')
})

//确认密码框添加change事件
$('[name="userPwdRep"]').change(function () {
  //判断与密码框的内容是否一样
  if ($(this).val() === $('[name="userPwd"]').val()) {
    $('[name="spanPwdRep"]').html('')
  } else {
    $('[name="spanPwdRep"]').html('两次密码不一致')
    return
  }
})

//获取验证码
$('#sc').html(setVC())
// 验证码点击 ., 刷新
$('#sc').click(()=>{
  $('#sc').html(setVC())
})

//验证码的输入框添加change事件 判断输入框的内容和验证码是否一致
$('[name="VC"]').change(function () {
  if ($('[name="VC"]').val() === $('#sc').text()) {
    $('[name="spanVC"]').html('')
  } else {
    $('[name="spanVC"]').html('验证码错误')
    return
  }
})

//button按钮添加点击事件
$('button').click(function () {


  //调用函数 完成注册操作
  setButton()

})

//按钮点击发送服务器数据 , 获取响应数据
async function setButton() {

  //获取密码框 和 确认密码框中的值
  userPwd = $('[name="userPwd"]').val()
  userPwdRep = $('[name="userPwdRep"]').val()

  //密码框 和 确认密码框 不能为空
  if (userPwd === '') {
    $('[name="spanPwd"]').html('密码不能为空')
    return;
  } else if (userPwdRep === '') {
    $('[name="spanPwdRep"]').html('确认密码不能为空')
    return;
  }

  //获取验证码框的内容
  vc = $('[name="VC"]').val()

  //验证码不能为空
  if (vc === '') {
    $('[name="spanVC"]').html('请输入验证码')
    return;
  }

  const res = await myPromiseJQueryAjax('../server/goods_register.php', 'post', { userName: userName, userPwd: userPwd }, 'json')

  console.log(res)

  if (res.code === 1) {
    window.alert(res.msg)
    //注册成功, 刷新页面
    // window.location.reload()

    //向cookie 存储 新注册账号的 id值
    // 登录时 根据 id数值 获取 对应的 账号密码
    mySetCookie('id' , res.id , 24*60*60*1000 , '/')

    //向 localStorage 存储 新注册账号的id值
    localStorage.id = res.id

    let num = 5
    $('[name="result"]').html(`还有${num}秒返回首页 , 点击<a href="../pages/login.html">登录</a>`)

    //刷新完页面 跳转链接
    let setInt = setInterval(function () {
      num--
      $('[name="result"]').html(`还有${num}秒返回首页 , 点击<a href="../pages/login.html">登录</a>`)
      if (num === 0) {
        clearInterval(setInt)
        window.location.href = '../pages/index.html'
      }
    }, 1000)

  } else if (res.code === 0) {
    window.alert(res.msg)
  }

}
